<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登陆成功后的页面</title>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body>

<!--引入公共部分-->
<div th:replace="common.html::head(activeUri='use1')"></div>
<div style="margin-top: 10px;margin-left: 10px">
    <h3 th:text="${user.name}" style="padding-left:10px ">
        欢迎您！</h3>

    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <table class="table">
                    <thead>
                    <tr>
                        <th>
                            用户登陆信息表
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>
                            用户名：
                        </td>
                        <td th:text="${user.name}">

                        </td>
                    </tr>


                    <tr class="success">
                        <td>
                            登陆状态
                        </td>
                        <td th:text="${user.status}==0?'不在线':'在线'"></td>

                        </td>
                    </tr>
                    <tr class="error">
                        <td>
                            登陆时间
                        </td>
                        <td th:text="${user.getTime()}">
                        </td>
                    </tr>
                    <table th:each="card:${cards}" class="table table-bordered">
                    <tr>
                        <td>当前卡片</td>
                        <td th:text="${card.cardNum}"></td>
                    </tr>

                    <tr>
                        <td>卡片类型</td>
                        <td th:text="${card.accountType}"></td>
                    </tr>


                    <tr class="error">
                        <td> 可用余额 </td>
                        <td th:text="${card.balance}"> 100000</td>
                    </tr>
                    </table>
                    </tbody>


                </table>

            </div>
        </div>
    </div>

</div>


</body>
</html>